<template>
  <!-- 门店配送 -->
  <div class="delivery_info">
    <c-title :hide="false" text="配送范围"></c-title>
    <div class="detail_a">
      <icon class="iconfont icon-service_o"></icon>
      <div class="span">配送范围</div>
    </div>
    <!-- 配送范围地图 -->
    <!-- shipAreaType === '2' && -->
    <div v-show="shopList.length > 0">
      <div style="width: 100%; height: 18.75rem;" id="shopMap"></div>
    </div>
    <div v-show="shipAreaType === '1' || shipAreaType === 1">
      <div style="width: 100%; height: 18.75rem;" id="deliveryMap"></div>
    </div>
  </div>
</template>
<script>
import deliveryArea_controller from "./deliveryArea_controller.js";
export default deliveryArea_controller;
</script>
<style scoped lang="scss">
.delivery_info {
  .detail_a {
    padding: 1.25rem 0;
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-weight: bold;

    icon {
      margin-right: 0.3125rem;
    }
  }
}
</style>
